<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>好多鱼商城后台管理系统</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="./css/x-admin.css" media="all">
</head>

<body>
	<div class="x-body">
		<form class="layui-form" id="form_details" onsubmit="return false">
			<div class="layui-form-item">
				<label for="username" class="layui-form-label"> <span
					class="x-red">*</span>鱼类名称
				</label>
				<div class="layui-input-inline">
					<input type="text" id="fishName" name="fishName" required=""
						lay-verify="required" autocomplete="off" class="layui-input">
				</div>
				<div class="layui-form-mid layui-word-aux">
					<span class="x-red">*</span>请输入鱼类名称
				</div>
			</div>
			<div class="layui-form-item">
				<label for="phone" class="layui-form-label"> <span
					class="x-red">*</span>分布地址
				</label>
				<div class="layui-input-inline">
					<input type="text" id="fishAdress" name="fishAdress" required=""
						lay-verify="phone" autocomplete="off" class="layui-input">
				</div>
				<div class="layui-form-mid layui-word-aux">
					<span class="x-red">*</span>请输入分布地址
				</div>
			</div>
			<div class="layui-form-item">
				<label for="L_email" class="layui-form-label"> <span
					class="x-red">*</span>价钱
				</label>
				<div class="layui-input-inline">
					<input type="text" id="fishPrice" name="fishPrice" required=""
						lay-verify="email" autocomplete="off" class="layui-input">
				</div>
				<div class="layui-form-mid layui-word-aux">
					<span class="x-red">*</span>请输入价钱
				</div>
			</div>
			<div class="layui-form-item">
				<label for="L_email" class="layui-form-label"> <span
					class="x-red">*</span>寿命
				</label>
				<div class="layui-input-inline">
					<input type="text" id="fishLifeTime" name="fishLifeTime"
						required="" lay-verify="email" autocomplete="off"
						class="layui-input">
				</div>
				<div class="layui-form-mid layui-word-aux">
					<span class="x-red">*</span>请输入寿命
				</div>
			</div>
			<div class="layui-form-item">
				<label for="L_email" class="layui-form-label"> <span
					class="x-red">*</span>服务
				</label>
				<div class="layui-input-inline">
					<input type="text" id="isFreeDelivery" name="isFreeDelivery"
						required="" lay-verify="email" autocomplete="off"
						class="layui-input">
				</div>
				<div class="layui-form-mid layui-word-aux">
					<span class="x-red">*</span>是否包邮
				</div>
			</div>
			<div class="layui-form-item">
				<label for="role" class="layui-form-label"> <span
					class="x-red">*</span>角色
				</label>
				<div class="layui-input-inline">
					<select name="fishClassifyId">
						<option value="">请选择角色</option>
						<option value="1">热带鱼</option>
						<option value="2">冷水鱼</option>
						<option value="3">食用鱼</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
                    <label for="username" class="layui-form-label">
                        <span class="x-red">*</span>图片
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="pictrue" name="fishPicture" required="" lay-verify="required"
                        autocomplete="off" class="layui-input">
                        <img id="imgFace" style="width: 120px" src="" />
	                    <br /> 
	                     <input type="hidden" id="picName" value="" class="layui-input">
                    </div>
                    <div class="layui-form-mid layui-word-aux">
                        <span class="x-red">*</span>上传图片
                    </div>
                </div>
			<div class="layui-form-item">
				<label for="L_repass" class="layui-form-label"> </label>
				<button onclick="addProDetails()" class="layui-btn" lay-filter="add">
					增加</button>
			</div>
		</form>
	</div>
	<script src="./lib/layui/layui.js" charset="utf-8">
		
	</script>
	<script src="./js/x-layui.js" charset="utf-8">
		
	</script>
	<script>
		var $ = null;
		var form = null;
		var layer = null;
		var upload = null;
		layui.use([ 'form', 'layer', 'upload' ], function() {
			$ = layui.jquery;
			form = layui.form;
			layer = layui.layer;
			upload = layui.upload;

		});

		function addProDetails() {
			var fName = $("#fishName").val();
			if (fName == null || fName == "") {
				layer.alert("请输入鱼类名称");
				return false;
			}
			var faName = $("#fishAdress").val();
			if (faName == null || faName == "") {
				layer.alert("请输入鱼类分布");
				return false;
			}
			var fpName = $("#fishPrice").val();
			if (fpName == null || fpName == "") {
				layer.alert("请输入鱼类价钱");
				return false;
			}
			var fishTime = $("#fishLifeTime").val();
			if (fishTime == null || fishTime == "") {
				layer.alert("请输入鱼类寿命");
				return false;
			}
			var fisName = $("#isFreeDelivery").val();
			if (fisName == null || fisName == "") {
				layer.alert("请输入有关服务");
				return false;
			}

			$.post("../adminProduct?reqName=addDetails", $("#form_details")
					.serialize(), function(res) {
				if (res.success) {
					layer.msg(res.message, {
						time : 3000
					});
					var index = parent.layer.getFrameIndex(window.name);
					parent.layer.close(index);//关闭当前的页面
					parent.selProducts();//调用父级页面的selProducts方法,目的是刷新页面
				} else {
					layer.msg(res.message, {
						time : 3000
					});
				}
			}, "json");

		}
		layui.use(['upload','layer'], function(){
    		  var upload = layui.upload;
    		  var layer = layui.layer;
    		  var $ = layui.$;
    		   
    		  //执行实例
    		  var uploadInst = upload.render({
    		    elem: '#pictrue' ,//绑定元素
    		    url: '../adminProduct?reqName=upload', //上传接口
    		    acceptMime: 'image/*',//只显示图片文件
    		    done: function(res){
    		      //上传完毕回调
    		      if(res.success){
    		    	  $("#imgFace").attr("src","/shangcheng1/images/"+res.remark);
    		    	  $("#picName").val("images/"+res.remark);
    		    	  $("#pictrue").val("images/"+res.remark);
    		    	  layer.msg("上传成功",{
    		    		  icon:6,
    		    		  time:1500
    		    	  });
    		      }
    		    },
    		    error: function(){
    		      //请求异常回调
    		    }
    		  });
    		});
	</script>

</body>

</html>